<template>
    <div class="maskView" @click="maskBtn()">
        <!-- 规则 S -->
        <div class="popup" v-if="popVal==1">

        </div>
        <!-- 规则 E -->
    </div>
</template>
<script>
import $ from 'jquery';
import utils from 'service/utils';
import ajaxService from 'service/service';
export default {
    components:{
       
    },
    props:{
        popVal:{
          type:Number,
          default:0
       },
    },
    watch:{
        popVal:{
            immediate:true,
            handler(value){
                console.log('popVal:',value);
            }
        }
    },
    data() {
        let that = this;
        return {

        };
    },
    methods: {
        maskBtn(){

        },
        closeBtn(pval){
            this.$emit('close',pval);
        },
        
    },
    mounted() {
        let that = this;
        this.$nextTick(function () {
            $('input,select,textarea').click(function () {
                $(this).focus()
            });
        });
    },
    beforeCreate() {},
    created() {
        let that = this;
        
    }
};
</script>
<style lang="less" scoped>
.maskView{
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .popup{
        position: relative;
        width: 100%;
    }
}
</style>
